<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>对话框 - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xalert -->
	<script type="text/javascript">
		$(function(){
			$("#xalert").click(function(){
				$.xalert({msg:"灰常欢迎使用 xui！"});	//普通对话框
			});

			$("#confirm").click(function(){
				$.xalert({
					confirm:true,				//带确认取消的对话框
					msg:"亲，你喜欢xui吗？",			//对话框消息
					ok:"喜欢",					//ok文字默认为确定
					no:"不喜欢",					//no文字默认为取消
					okBack:function(){			//确定回调
						$("#xui").html("感谢您喜欢我们，xui恭喜您天天发财，万事如意，心想事成！！！！！！！xui交流群：519482273");
					},
					noBack:function(){			//取消回调
						$("#xui").html("这是为什么呢？~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~");
					}
				});
			});
		})
	</script>
</head>
<body>
	<h2>对话框</h2>
	<button class="xbtn" id="xalert">xalert</button>
	<br/>
	<br/>
	<button class="xbtn" id="confirm">xalert_confirm</button>
	<br/>
	<br/>
	<div id="xui"></div>
</body>
</html>